<LayoutBaseBox>
    <template slot="main">
        <el-tabs type="border-card" class="tabsStyle" v-model="activeName" @tab-click="tabClick()">
            <el-tab-pane name="default">
                <div slot="label"><i class="el-icon-s-help"></i> 微信公众号</div>
                <wechatBox v-if="activeName=='default'"></wechatBox>
            </el-tab-pane>
            <el-tab-pane name="Applets">
                <div slot="label"><i class="el-icon-s-help"></i> 微信小程序</div>
                <weappBox v-if="activeName=='Applets'"></weappBox>
            </el-tab-pane>
            <el-tab-pane name="wxweb">
                <div slot="label"><i class="el-icon-s-help"></i> H5网页</div>
                <webBox v-if="activeName=='wxweb'"></webBox>
            </el-tab-pane>
            <el-tab-pane name="location">
                <div slot="label"><i class="el-icon-s-help"></i> 其他支付</div>
                <offlineBox v-if="activeName=='location'"></offlineBox>
            </el-tab-pane>
            <el-tab-pane name="collectPay">
                <div slot="label"><i class="el-icon-s-help"></i>汇聚支付</div>
                <collectPayBox v-if="activeName=='collectPay'"> </collectPayBox>
            </el-tab-pane>
        </el-tabs>
    </template>
</LayoutBaseBox>